<html>
	<head>
		<meta charset="utf-8">
		<title>积分商城</title>
		<link href="css/integral.css" type="text/css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />

		<style>
			body {
				background: url("img/NY.jpg") no-repeat top fixed;
				background-size: 100%;
				background-size: cover;
			}
			footer{
				background: url("img/NY.jpg") no-repeat top fixed;
				background-size: 100%;
				background-size: cover;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="middle">
			<div class="navlist fl">
				<ul>
					<li><a href="./integral.html">积分商城</a> </li>
					<li><a href="">MIUI</a> </li>
					<li><a href="">米聊</a> </li>
					<li><a href="">游戏</a> </li>
					<li><a href="">云服务</a> </li>
					<li><a href="">金融</a> </li>
					<li><a href="">问题反馈</a> </li>
				</ul>
			</div>
			<div class="login fr">
				<ul>
					<li><a href="">环绿回收</a> </li>
					<li><a href="">上门回收</a> </li>
					<li> </li>
					<li class="orange"><a href="./garbageSelect.html">积分明细</a> </li>
				</ul>
			</div>
			<div class="clear"></div>
			</div>
		</div>
		<div class="main">
			<div class="first">
				<div class="logo fl"><a href=""><img style="width: 100px" src="img/cell.png"/></a></div>
				<div class="menu fl">
					<div class="fl"><a href="./integral.html">积分商城</a></div>
					<div class="fl"><a href="./userIndex.html">返回首页</a></div>
					<div class="fl"><a href="">订单查看</a></div>
					<div class="fl"><a href="">订单发布</a></div>
					<div class="fl"><a href="./garbageSelect.html">积分明细</a></div>
					<div class="fl"><a href="">服务</a></div>
					<div class="fl"><a href="">社区</a></div>
				</div>
				<div class="search fr"></div>
				<div class="clear"></div>
			</div>
			<div class="second">
				<div class="black fl"><a href=""><img src="test/img/listbanner01.jpg"/></a></div>
				<div class="clear"></div>
			</div>
			<div class="third">
				<div class="one fl">
					<div class="o fl"><a href=""><img src="test/img/hjh_01.gif"/></a></div>
					<div class="o fl"><a href=""><img src="test/img/hjh_02.gif"/></a></div>
					<div class="o fl"><a href=""><img src="test/img/hjh_03.gif"/></a></div>
					<div class="clear"></div>
					<div class="o fl"><a href=""><img src="test/img/hjh_04.gif"/></a></div>
					<div class="o fl"><a href=""><img src="test/img/hjh_05.gif"/></a></div>
					<div class="o fl"><a href=""><img src="test/img/hjh_06.gif"/></a></div>
				</div>
				<div class="two fl"><a href=""><img width="316px 170px" src="test/img/ban1.jpg"/></a></div>
				<div class="three fl"><a href=""><img width="316px 170px" src="test/img/ban2.jpg"/></a></div>
				<div class="threefour fr"><a href=""><img width="316px 170px" src="test/img/ban3.jpg"/></a></div>
				<div class="clear"></div>
			</div>
			<div class="four">
				<div class="banner1">
					<a href=""><img src="test/img/banner01.jpg"/></a>
				</div>
			</div>
			<div class="five">
				<div class="title1 fl">明星单品</div>
				<div class="title2 fl">
					<a href=""><img width="235px 340px" src="test/img/pinpai6.png"/>小米9</a>
						<div class="titlemodul1">
							所需积分：234
						</div>
						<div class="titlemodul2">
							剩余库存：12
						</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="title3 fl">
				<a href=""><img width="235px 340px" src="test/img/pinpai7.png"/>小米CC9</a>
					<div class="titlemodul1">
						所需积分：234
					</div>
					<div class="titlemodul2">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="title3 fl">
					<a href=""><img width="235px 340px" src="test/img/pinpai8.png"/>小米壁画电视65英寸</a>
					<div class="titlemodul1">
						所需积分：234
					</div>
					<div class="titlemodul2">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="title3 fl">
					<a href=""><img width="235px 340px" src="test/img/pinpai9.png"/>小米MIX3</a>
					<div class="titlemodul1">
						所需积分：234
					</div>
					<div class="titlemodul2">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="title2 fr">
					<a href=""><img width="235px 340px" src="test/img/pinpai10.png"/>小米游戏本</a>
					<div class="titlemodul1">
						所需积分：234
					</div>
					<div class="titlemodul2">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="six">
				<div class="banner2">
					<a href="">
						<img src="test/img/banner02.jpg" />
					</a>
				</div>
			</div>
			<div class="seven">
				<div class="titlex">热门配件</div>
				<div class="modue1 fl"><a href=""><img width="235px 300px" src="test/img/peijian1.jpg"/></a></div>
				<div class="modue2 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian11.jpg"/>小米无线车充</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
					
				</div>
				<div class="modue2 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian3.jpg"/>小米手机4c 小米4c 智能</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="modue2 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian4.jpg"/>红米note4 4x 红米note4x</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="modue2 fr">
					<a href=""><img width="235px 300px" src="test/img/peijian5.jpg"/>小米支架式自拍杆</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="clear"></div>
				<div class="modue3 fl"><a href=""><img width="235px 300px" src="test/img/peijian6.png"/></a></div>
				<div class="modue4 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian12.jpg"/>九号平衡车</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div></div>
				<div class="modue4 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian8.jpg"/>米家随身风扇</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="modue4 fl">
					<a href=""><img width="235px 300px" src="test/img/peijian9.jpg"/>红米4X高透软胶保护套</a>
					<div class="titlemodul3">
						所需积分：234
					</div>
					<div class="titlemodul4">
						剩余库存：12
					</div>
					<div class="layui-btn">
						<a href="">兑换</a>
					</div>
				</div>
				<div class="modue5 fr"><a href=""><img width="235px 300px" src="test/img/hongmin4.png"/></a></div>
				<div class="modue5 fr"><a href=""><img width="235px 300px" src="test/img/liulangengduo.png"/></a></div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="footer">
			<div class="middle1">
			<ul>
				<li><a href="">积分商城</a></li>
				<li><a href="./userHome.html">环绿回收</a></li>
				<li><a href="./garbageSelect.html">积分明细</a></li>
				<li><a href="">隐私政策</a></li>
			</ul>
			<div class="banquan">细胞重组 © 版权所有 2022</div>
			</div>
		</div>
	</body>
</html>